<template>
	<div class="gongzuotai">
    <div style="padding: 0.2rem 0.3rem; position: relative; background: #1989fa; height: 0.9rem;" class="flexcc">
    	<div style="position: absolute; left: 0.3rem; top: 0rem; height: 100%;" class="flexc"><van-icon name="arrow-left" size="0.3rem" style="font-weight: bold;" @click="back()" color="#fff" /></div>
    	<div style="color: #fff;  font-weight: bold;">工作台</div>
    </div>
    <div style="padding: 0.3rem;">
    	<div style="font-weight: bold; margin-bottom: 0.3rem; font-size: 0.3rem;">客户管理</div>
    	<div class="flexcc">
    		<div style="flex: 1;" @click="go('/kehu')">
    			<div class="flexcc" style="margin-bottom: 0.1rem;"><img src="../../../img/1.png" style="width: 0.8rem; border-radius: 0.4rem;"></div>
    			<div class="flexcc">客户</div>
    		</div>
    		<div style="flex: 1;" @click="go('/lianxiren')">
    			<div class="flexcc" style="margin-bottom: 0.1rem;"><img src="../../../img/2.png" style="width: 0.8rem; border-radius: 0.4rem;"></div>
    			<div class="flexcc">联系人</div>
    		</div>
    		<div style="flex: 1;" @click="go('/gonghaikehu')">
    			<div class="flexcc" style="margin-bottom: 0.1rem;"><img src="../../../img/3.png" style="width: 0.8rem; border-radius: 0.4rem;"></div>
    			<div class="flexcc">公海客户</div>
    		</div>
    	</div>
    	<div style="font-weight: bold; margin-bottom: 0.3rem; font-size: 0.3rem; margin-top: 0.5rem;">销售管理</div>
    	<div class="flex">
    		<div style="width: 33%;"@click="go('/baifang')">
    			<div class="flexcc" style="margin-bottom: 0.1rem;"><img src="../../../img/4.png" style="width: 0.8rem; border-radius: 0.4rem;"></div>
    			<div class="flexcc">拜访</div>
    		</div>
    		<div style="width: 33%;" @click="go('/shenpi?bf=true')" v-if="person.title == '销售内勤'">
    			<div class="flexcc" style="margin-bottom: 0.1rem;"><img src="../../../img/5.png" style="width: 0.8rem; border-radius: 0.4rem;"></div>
    			<div class="flexcc">拜访审批</div>
    		</div>
    		<div style="width: 33%;" @click="go('/shenpi?kh=true')" v-if="person.title == '销售内勤'">
    			<div class="flexcc" style="margin-bottom: 0.1rem;"><img src="../../../img/7.png" style="width: 0.8rem; border-radius: 0.4rem;"></div>
    			<div class="flexcc">客户审批</div>
    		</div>
    	</div>
    </div>
    <dibu></dibu>
	</div>
</template>

<script>
  import dibu from '../zujian/dibu.vue'
  var h = document.documentElement.clientWidth / 7.5 + 'px';
      document.documentElement.style.fontSize = h;
	export default {
		name: 'gongzuotai',
    components:{
      dibu
    },
		data() {
			return {
        person:{
          avatar: "https://static-legacy.dingtalk.com/media/lQDPDhvWJJzMncjNAdPNAdOwDtoK89KpAuMDL4ZuTQByAA_467_467.jpg",
          boss: false,
          job_number: null,
          manager_userid: null,
          mobile: "15553523723",
          name: "林鹏举",
          remark: null,
          title: null,
          unionid: "afKiSpGaXnapU1dDqAeRKowiEiE",
          userid: "063523235026761126"
        },
			}
		},
		created() {
      this.person = JSON.parse(localStorage.getItem('person')) 
		},
		mounted() {

		},
		methods: {
      getlist:function(){
        axios.get('/Visit/queryVisitList',{params:this.all}).then((response)=>{
        	if (response.data.state == 200) {
            this.list = response.data.data
        	} else {
            vant.Toast(response.data.msg);
        	}
        })
      }
		}
	}
</script>


<style scoped  lang="less">

  .gongzuotai {
    background: #fff;
    min-height: 100vh;
    width: 100vw;
    // padding: 0.3rem;
    font-size: 0.25rem;

    img {
      max-width: 100%;
      display: block;
    }

    .flex {
      display: flex;
    }

    .flexc {
      display: flex;
      align-items: center;
    }

    .flexbc {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .flexcc {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .yy {
      box-shadow: 0 0 0.1rem #eaeaea;
      padding: 0.2rem 0.3rem;
      margin-bottom: 0.3rem;
    }

    .act {
      background: #ccc !important;
      color: #FFFFFF;
      padding: 0.1rem 0.2rem;
      border-radius: 0.1rem;
    }

    .act1 {
      background: #fff;
      box-shadow: 0 0 0.1rem #eaeaea;
      padding: 0.1rem 0.2rem;
      margin-left: 0.2rem;
      border-radius: 0.1rem;
    }
  }
</style>
